<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="comm">
<head>
<title>e-matching结果查询</title>

	<link href="dist/css/ematching.css" rel="stylesheet" />
	<link href="vendor/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
	
    <script th:src="@{dist/js/ematching_searchData.js?v=}+${session.version}"></script> 
    <script src="vendor/select2/js/select2.min.js"></script>
	<script src="vendor/laydate/laydate.js"></script>
	<style type="text/css">
	.el-range-editor.el-input__inner {
				display: inline-flex;
				align-items: center;
				padding: 3px 10px;
			}
			.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner,
				.el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner
				{
				width: 350px;
			}
			.el-date-editor.el-input, .el-date-editor.el-input__inner {
				width: 230px;
			}
			.el-input__inner {
				-webkit-appearance: none;
				background-image: none;
				border-radius: 4px;
				border: 1px solid #aaa;
				box-sizing: border-box;
				display: inline-block;
				font-size: inherit;
				height: 28px;
				line-height: 28px;
				outline: none;
				padding: 0 15px;
				transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
				width: 100%;
				box-sizing: border-box;
			}
			.el-date-editor {
				position: relative;
				display: inline-block;
				text-align: left;
			}
		.form-control-selectOption {
  				display: block;
  				width: 100%;
 				height: 34px;
  				padding: 6px 12px;
  				font-size: 14px;
  				line-height: 1.42857143;
  				color: white;
  				background-color: #204D74;
  				background-image: none;
  				border: 1px solid #204D74; 
			}
			html {
				/* -ms-overflow-style:none; */
				overflow:-moz-scrollbars-none;
				overflow-x: hidden;
			}
			html::-webkit-scrollbar{width:0px} 
	</style>
	
</head>
<body style="font-family:微软雅黑;font-size: 12px;">
	<div id="page-wrapper" th:fragment="content" th:remove="tag">
		<div class="row" style="font-size: 12px;">
			<br />
			<ul class="nav nav-tabs">
				<li><a href="/dataUploadPage"><h8>文件上传</h8></a></li>
				<li><a href="/ematchingUploadeStatus"><h8>处理状态</h8></a></li>
				<li class="active"><a href="#"><h8>数据查询</h8></a></li>
			</ul>
			<br />
		</div>
		
		<div class="row" style="font-size: 12px;">
			<!-- 汇总表 -->
			<form class="form-horizontal" id="searchAccountForm" >
				<div class="form-group" style="marign:0 auto;">
					<label for="tableType" class="col-sm-1 control-label">汇总表</label>
					<div class="col-sm-5 " style="width:100px;" > 
						<select name="tableType" id="tableType" class="input-sm form-control search-param" style="width:100px;">
							<option value ="BANK_ALL">银行流水</option>
							<option value ="VAT_PURCHASE_INVOICE_ALL">金税进项</option>
							<option value ="VAT_SALES_INVOICE_ALL">金税销项</option>
						</select>
					</div>
					<label for="companyName" class="col-sm-1 control-label" style="white-space: nowrap;">公司名称</label>
					<div class="col-sm-5 "  style="width:450px;"> 
						<select name="companyName" id="companyName" class="input-sm form-control search-param " style="width:450px;">
						</select>
					</div>
					<!-- 查询日期 -->
					<label class="col-sm-1 control-label" style="white-space: nowrap;">交易日期</label>
					<div class="col-sm-2" >
						<input type="text" id="chooseTime" class="form-control input-sm" style="width:170px;"></input>
					</div>
					
					<div class="col-sm-2" style="width:80px;">
						<button type="button" class="btn btn-primary btn-sm"  id="ematchingSearchBtn">查询</button>
						<input type="hidden" id="tableTypeInfo" th:value="${tableType}"></input>
					</div>
				</div>	
			</form>
		</div>
		
		<div class="row" style="font-size: 12px;">
			<div class="panel panel-default">
				<div class="panel-body" style="position: relative;">
					<div class="table-responsive" style="height:40px;background: #ffffff;z-index: 1; position: absolute;top: 15px; left: 15px;width: calc(100% - 30px); overflow: hidden;">
						<div class="tableSection">
							<table  id="searchEmatchingDataHead" style="text-align:center"  border="0"  cellpadding="0" cellspacing="0"
								class="table table-bordered ">
								<thead class="ematchingTable-header" align="center"> 
									
								</thead>
								<tbody class="ematchingTable-content">	
																	
								</tbody>									
							</table>
						</div>
					</div>
					<div class="table-responsive" id="ematching_dataBody" style="height:400px; position: relative;">
						<div class="tableSection">
							
						
							<table  id="searchEmatchingData" style="text-align:center"  border="0"  cellpadding="0" cellspacing="0"
								class="table table-bordered ">
								<thead class="ematchingTable-header" align="center"> 
									
								</thead>
								<tbody class="ematchingTable-content">	
																	
								</tbody>									
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
</body>
</html>